<html>
<head>

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">

    <style>

        body, html {
            margin: 0;
            padding: 0;
            font-family: "Helvetica Neue", Arial, sans-serif;
        }

        .drawer {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 100%;
            padding: 5px;
            overflow: hidden;
            background-color: white;
            border-right: 1px solid #c6c6c6;
        }

        .drawer,
        .drawer * {
            color: rgb(73, 80, 87) !important;
            /*font-weight: bold;*/
            white-space: nowrap;
        }

        .drawer:hover {
            width: 150px;
        }

        .drawer i {
            font-size: 25px;
            margin-right: 2px;
        }

        .main {
            margin-left: 45px;
            height: 100%;
            width: calc(100% - 75px);
        }

    </style>

</head>

<body>

    <div class="drawer">

        <i class="fas fa-home"></i>
        Home

    </div>

    <div class="main">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mollis sem sagittis luctus eleifend. Nulla eget mollis turpis. Ut turpis dui, scelerisque nec sem a, feugiat ornare felis. Cras eget finibus mi. Mauris pharetra, neque non malesuada tristique, mauris urna dapibus diam, vel dapibus nunc mauris eget erat. Nunc vitae libero est. Quisque iaculis leo vitae ligula mattis, at lobortis orci ultricies. Vestibulum quis tortor eu dui molestie convallis. Suspendisse mollis ipsum id accumsan auctor. Suspendisse consequat volutpat purus in fringilla. Nullam molestie velit odio, ut sagittis massa egestas suscipit.

        Phasellus commodo sem eget viverra pellentesque. Phasellus euismod nisi nec egestas aliquam. Morbi a sapien non nunc congue feugiat. In hac habitasse platea dictumst. In id tellus eget lectus mattis egestas. Proin justo magna, ornare id cursus nec, elementum a enim. Vivamus ultricies ex id maximus iaculis. Duis ac elit est. Quisque cursus hendrerit quam, sit amet efficitur ex sollicitudin sit amet. Praesent enim odio, tincidunt vitae sem nec, faucibus gravida lacus. Suspendisse hendrerit dictum velit, quis scelerisque eros varius quis. Cras nibh turpis, scelerisque at tincidunt quis, sagittis eu massa.

        Mauris vel nibh eget eros dignissim efficitur eu non eros. Proin vitae ante luctus, condimentum ex eget, placerat ante. Donec ut vestibulum mi. Praesent tristique pharetra velit, ac maximus urna vehicula et. Quisque ipsum tortor, auctor ut augue non, porttitor vehicula nibh. Vestibulum vitae purus nec ante accumsan dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent in orci non libero porta venenatis. Integer ligula diam, sollicitudin id elit sed, auctor pellentesque turpis. Vestibulum nec neque sed ex pharetra ultricies. Fusce molestie eget tellus faucibus condimentum. Phasellus viverra finibus risus, a lobortis ligula pretium non.

        In at posuere nisl. Aliquam a porttitor nisl, quis volutpat augue. Sed aliquam facilisis velit ut ullamcorper. Aenean a suscipit mi, a sodales risus. Morbi quis metus dapibus urna interdum commodo sit amet vitae metus. Quisque maximus diam lacus, cursus vehicula ligula rutrum at. Mauris eleifend maximus urna quis varius. Ut quis vehicula lorem, in placerat diam. Sed sem turpis, sodales nec velit auctor, consectetur iaculis nibh. Donec tincidunt, lorem sed elementum finibus, quam purus dignissim magna, id ullamcorper eros sem imperdiet felis. Curabitur interdum elementum porta. Vivamus at nunc sed mi fermentum sollicitudin in id tortor. Fusce bibendum sagittis sodales.

        Pellentesque non euismod eros. Mauris pellentesque pharetra urna in lobortis. Nam scelerisque est eu ultrices euismod. Suspendisse maximus ante lectus, nec suscipit urna semper nec. Duis libero eros, laoreet nec elit sit amet, elementum vestibulum metus. Fusce porta tincidunt libero, commodo hendrerit nisl tincidunt ac. Vivamus vestibulum venenatis nulla, vitae mattis nibh vestibulum sed. Suspendisse elementum risus mauris, non tristique elit tristique imperdiet. Etiam egestas nulla vitae dui mollis tristique. Nullam consequat arcu eu orci fringilla, nec pretium augue fringilla.
    </div>

</body>

</html>
